import React, { Component, PureComponent, Fragment, useState, useEffect } from 'react';
import { connect } from 'dva';
import { Modal, Table, Form, Card, Button, Row, Col, Input, Select, InputNumber, Timeline } from 'antd';

import { formatDate } from '@/utils/utils';
import PageHeaderWrapper from '@/components/PageHeaderWrapper';

const FormItem = Form.Item;
const { Option } = Select;

@connect(({ loading }) => ({

}))
@Form.create()
class Dashboard extends PureComponent {

  constructor(props) {
    super(props);

    this.state = {

    };
  }

  componentDidMount() {
  }

  render() {
    return (
      <PageHeaderWrapper title=''>
        <Card bordered={false}>
          <Timeline>
            <Timeline.Item color="blue">
              <p>盘古开天辟地</p>
              <p>2019-03-04</p>
            </Timeline.Item>
            <Timeline.Item color="blue">
              <p>女娲造人</p>
              <p>2019-03-20</p>
            </Timeline.Item>
            <Timeline.Item color="green">
              <p>前端使用antd+umi+dva+react+react router+redux+saga，后端使用koa2+mongodb+connect-history-api-fallback</p>
              <p>2019-04-09</p>
            </Timeline.Item>
            <Timeline.Item color='green'>
              <p>v1.0完整版</p>
              <p>2019-05-05</p>
            </Timeline.Item>
          </Timeline>
        </Card>
      </PageHeaderWrapper>
    );
  }
}

export default Dashboard;
